<template>
    <!-- #ifndef APP-NVUE || MP-TOUTIAO -->
    <view class="u-demo-block">
        <text class="u-demo-block__title"></text>
        <up-swiper
                :list="list3"
                previousMargin="80"
                nextMargin="80"
                circular
                :autoplay="false"
                radius="5"
                bgColor="#ffffff"
        ></up-swiper>
		
    </view>
	<up-card :title="title" :sub-title="subTitle" :thumb="thumb">
	    <template #body>
	        <view class="" slot="body">
	            <view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
					<image src="https://img1.baidu.com/it/u=1287234817,2315971013&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1730307600&t=b8ff81abbcae14cedb1ec4299cdcc567" mode="aspectFill"></image>
	                <view class="u-body-item-title u-line-4"><h9>乐山大佛<br></h9><h10>地址：四川省乐山市<br>联系电话：66666<br>票价：null</h10></view>
	 
	            </view> 
	            <view class="u-body-item u-flex u-row-between u-p-b-0">
					<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image>
	                <view class="u-body-item-title u-line-2"><h10>斜亭观鸟<br>四川南充川北医学院<br></h10></view>
	                <!-- <image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image> -->
	            </view>
				<view class="u-body-item u-flex u-row-between u-p-b-0">
					<image src="https://img0.baidu.com/it/u=1058961982,3919091402&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1730307600&t=9622de18364605eae71720edd72f2492" mode="aspectFill"></image>
				    <view class="u-body-item-title u-line-2"><h9>斜亭观鸟<br>四川南充川北医学院<br></h9></view>
				    <!-- <image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image> -->
				</view>
	      </view>
			
	    </template>
	   
	</up-card>
    <!-- #endif -->
</template>
<script setup>  
 
import { reactive } from 'vue';  
const list3 = reactive([  
    'https://img2.baidu.com/it/u=3862019503,4077477316&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1428',  
    'https://img2.baidu.com/it/u=3458404305,1992199714&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500',  
    'https://img0.baidu.com/it/u=3547733589,2906244886&fm=253&fmt=auto&app=120&f=JPEG?w=570&h=380',  
]);  
</script>

<style >
    .u-card-wrap {
    	background-color: $up-bg-color;
    	padding: 1px;
    }
    
    .u-body-item {
    	font-size: 32rpx;
    	color: #333;
    	padding: 20rpx 10rpx;
    }
    	
    .u-body-item image {
    	width: 220rpx;
    	flex: 0 0 220rpx;
    	height: 220rpx;
    	border-radius: 8rpx;
    	margin-left: 12rpx;
    }
</style>